<div style="background-color: #f5f5f5" class="col-md-2 left">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading <if condition="CONTROLLER_NAME eq 'Index'">left-active</if> "" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" style="font-size: 17px;" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                ئۇچۇر باشقۇرۇش
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Classify' or CONTROLLER_NAME eq 'Article' or CONTROLLER_NAME eq 'Tag'">in</if>" role="tabpanel" aria-labelledby="headingOne">
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Classify'">panel-active</if> ">
                            <a  style="font-size: 14px" href="{:U('Classify/index')}"> سەھىپە باشقۇرۇش</a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Article'">panel-active</if>">
                            <a style="font-size: 14px" href="{:U('Article/index')}">ئۇچۇر باشقۇرۇش</a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Tag'">panel-active</if>">
                            <a style="font-size: 14px" href="{:U('Tag/index')}"> خەتكۈچلەر</a>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                باش بەت ئۇچۇرلىرى
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Banner' or CONTROLLER_NAME eq 'Adcate' or CONTROLLER_NAME eq 'Menu' or CONTROLLER_NAME eq 'Link' or CONTROLLER_NAME eq 'LinkClassify'">in</if>" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" >
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Adcate'">panel-active</if>">
                            <a style="font-size: 14px" href="{:U('Adcate/index')}"> ئايلانما ئېلان سەھىپە باشقۇرۇش</a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Banner'">panel-active</if>">
                            <a style="font-size: 14px" href="{:U('Banner/index')}">چوڭ ئايلانما ئېلان </a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'LinkClassify'">panel-active</if>"">
                            <a style="font-size: 14px" href="{:U('LinkClassify/index')}">ئۇلانما سەھىپىلىرى</a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Menu'">panel-active</if>"">
                            <a style="font-size: 14px" href="{:U('Menu/index')}">ئۇلانما ۋە تىزىملىك باشقۇرۇش</a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Link'">panel-active</if>">
                            <a style="font-size: 14px" href="{:U('Link/index')}">مۇلازىمەت قىلغان ئورۇنلار </a>
                        </div>
                        <div style="padding: 10px 35px " class="panel-body">
                            <a style="font-size: 14px" href="#"> بەت ئاستى ئالاقە ئۇچۇرلىرى</a>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="heading5">
                        <h4 class="panel-title   ">
                            <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="false" aria-controls="collapseTwo">
                                ئىنكاس باشقۇرۇش
                                <span style="background-color: red" class="badge">{$comment_count}</span> </a>
                        </h4>
                    </div>
                    <div id="collapse5" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Comment'">in</if>" role="tabpanel" aria-labelledby="headingThree" aria-expanded="true">
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Comment'">panel-active</if>" ">
                            <a style="font-size: 14px" href="{:U('Comment/index')}"> كەلگەن ئىنكاسلار </a>
                        </div>
                </div>
                </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="heading6">
                            <h4 class="panel-title">
                                <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse6" aria-expanded="false" aria-controls="collapseTwo">
                                     HTML بەت مەشغۇلاتى
                                </a>
                            </h4>
                        </div>
                        <div id="collapse6" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Create' or CONTROLLER_NAME eq 'Remove' ">in</if>" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" >
                             <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Remove'">panel-active</if>">
                                <a style="font-size: 14px" href="{:U('Remove/index')}"> تىنچ بەت يېڭىلاش </a>
                            </div>
                            <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Create'">panel-active</if>">
                                <a style="font-size: 14px" href="{:U('Create/Create_page')}"> يېڭى ھاسىل بولغان بەت</a>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree8">
                            <h4 class="panel-title">
                                <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse8" aria-expanded="false" aria-controls="collapseTwo">
ساندان باشقۇرۇش
                                </a>
                            </h4>
                        </div>
                        <div id="collapse8" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Db'">in</if>"" role="tabpanel" aria-labelledby="headingThree" aria-expanded="true">
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Db'">panel-active</if>" ">
                        <a style="font-size: 14px" href="{:U('Db/index')}">   ساندان زاپاسلاش  </a>
                    </div>
                    </div>
                    </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapseTwo">
                                باشقۇرغۇچىلار
                            </a>
                        </h4>
                    </div>
                    <div id="collapse3" class="panel-collapse collapse <if condition="CONTROLLER_NAME eq 'Admin'">in</if>"" role="tabpanel" aria-labelledby="headingThree" aria-expanded="true">
                        <div style="padding: 10px 35px " class="panel-body <if condition="CONTROLLER_NAME eq 'Admin'">panel-active</if>" ">
                            <a style="font-size: 14px" href="{:U('Admin/index')}">  بارلىق باشقۇرغۇچىلار </a>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="heading4">
                        <h4 class="panel-title">
                            <a class="collapsed" style="font-size: 17px;" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapseTwo">
                                تەڭشەكلەر
                            </a>
                        </h4>
                    </div>
                    <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" aria-expanded="true">
                        <div style="padding: 10px 35px " class="panel-body">
                            <a style="font-size: 14px" href="#"> بارلىق تەڭشەكلەر </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<script type="text/javascript">
    var height=document.documentElement.clientHeight;
    if($(window).width()>980){
        $('.left').height(height-55+'px');
    }
</script>